<template>
	<view class="back">
		<view class="divider-with-image">
		<view class="left-line"></view>
		<image class="image" src="../../static/huobao.png" mode="aspectfit"></image><text class="text">火爆拼团</text>
		<view class="right-line"></view>
		</view>
		<view class="mode">
			<image src="../../static/shangpin.png" mode="" class="img"></image>
		</view>
		<view class="huodong">
			暂无拼团商品~
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.back{
	background-color: #FC4884;
	height: 100rpx;
}
.huodong{
text-align: center;
line-height: 60vh;
	color: gray;
}
.divider-with-image{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 30rpx;
}
.image{
	width: 50rpx;
	height: 50rpx;
}
.left-line,.right-line{
	flex: 0 0 140rpx;
	height: 1rpx;
	background-color: white;
	margin-left: 20rpx;
	margin-right: 20rpx;
}
.text{
	color: white;
	font-size: 35rpx;
	font-weight: 800;
}
.mode{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 150rpx;
}
.img{
	width: 200rpx;
	height: 200rpx;
	
}
</style>
